.pure-radio {
    display: var(--pure-radio-display, inline-flex);
    flex-direction: var(--pure-radio-flex-direction, row);
    align-items: var(--pure-radio-align-items, center);
    justify-content: var(--pure-radio-justify-content, center);
    gap: var(--pure-radio-gap, 4px);
    font-size: var(--pure-radio-font-size);
    line-height: var(--pure-radio-line-height, 1);
    width: var(--pure-radio-width);
}

.pure-radio-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition-property: all;
    transition-duration: var(--pure-radio-transition-duration, 0.2s);
    transition-timing-function: var(--pure-radio-transition-timing-function, ease-in-out);
    width: var(--pure-radio-box-size, 1.25em);
    height: var(--pure-radio-box-size, 1.25em);
    border-radius: var(--pure-radio-box-border-radius, 50%);
    box-sizing: border-box;
    position: relative;
    overflow: var(--pure-radio-box-overflow, hidden);
    background: var(--pure-radio-box-background);
    border: var(--pure-radio-box-border-width, 1.5px) var(--pure-radio-box-border-style, solid) var(--pure-radio-box-border-color, var(--pure-border-color-default));
}

.pure-radio-icon {
    transition-property: all;
    transition-duration: var(--pure-radio-transition-duration, 0.2s);
    transition-timing-function: var(--pure-radio-transition-timing-function, ease-in-out);
    font-size: var(--pure-radio-icon-font-size, calc(var(--pure-radio-box-size, 1.25em) * 0.75));
    color: var(--pure-radio-icon-color, #ffffff);
    opacity: 0;
    transform: scale(0.5);
}

.pure-radio-label {
    flex: 1;
}

.pure-radio-checked .pure-radio-box {
    background: var(--pure-radio-box-checked-background, var(--pure-radio-theme, var(--pure-theme-primary)));
    border-color: var(--pure-radio-box-checked-border-color, var(--pure-radio-theme, var(--pure-theme-primary)));
}


.pure-radio-checked .pure-radio-icon {
    opacity: 1;
    transform: scale(1);
}
